@charset "utf-8";
*,
::after {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: siyuanHeavy;
}
body {
font: 14px ;
font-family: siyuanHeavy;
color: #2a2a2a;
overflow-x: hidden;
}
ol,
ul,
li {
list-style-type: none;
vertical-align: middle;
}
img {
vertical-align: top;
border: 0;
}
input,
select,
textarea,
button {
vertical-align: middle;
}
textarea,
input {
/*text-indent: 10px;*/
}
/*表单元素默认有10像素的缩进*/
input[type='submit'],
input[type='button'],
button {
text-indent: 0;
padding: 0 20px;
text-align: center;
cursor: pointer;
}
label,
button,
a {
cursor: pointer;
}
ins,
em,
b,
i {
text-decoration: none;
font-style: normal;
}
/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button {
outline: none;
}
/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
color: #999;
transition: color .5s;
}
/* 提示文字的激活样式 */
input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
color: #c2c2c2;
}
/* table */
table {
border-collapse: collapse;
border-spacing: 0;
font: inherit;
}
/* a_link */
a {
color: inherit;
text-decoration: none;
}
a[href] {
cursor: pointer;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
a:focus {
background-color: transparent;
}
span {
display: inline-block;
}
p {
/*line-height: 2;*/
/*white-space: normal;*/
/*max-width: 100%;*/
margin-bottom: 1em;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
/*用来解决在安卓上的点击出现篮框问题*/
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img[src=""],
img:not([src]) {
opacity: 0;
}
font {
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
font-style: inherit;
text-transform: inherit;
}
body,
html {
/*font-size:625%*/
}
::-webkit-scrollbar {
width: 6px;
background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
width: 5px;
border-radius: 10px;
background-color: #333;
}
::-webkit-scrollbar-corner {
background-color: #eaeaea;
}
::-webkit-scrollbar:horizontal {
height: 9px;
}
::-webkit-selection {
background: var(--dominant-color);
color: #fff;
}
::-moz-selection {
background: var(--dominant-color);
color: #fff;
}
::selection {
background: var(--dominant-color);
color: #fff;
}
/*
@font-face {
font-family: MiSans-Regular;
src:url('../fonts/misans-regular.ttf');
}
@font-face {
font-family: MiSans-Light;
src:url('../fonts/misans-light.ttf');
}
@font-face {
font-family: MiSans-Medium;
src:url('../fonts/misans-medium.ttf');
}
@font-face {
font-family: MiSans-Demibold;
src:url('../fonts/misans-demibold.ttf');
}*/
.section {
width: 90%;
max-width: 1760px;
margin: auto;
}
.section1600 {
width: 90%;
max-width: 1600px;
margin: auto;
}
:root {
--dominant-color:#57c1cf;
}
img {
vertical-align: middle;
max-width:100%;
}
.my-video-dimensions,video {
width: 100%;
}
.video-js .vjs-big-play-button {
border: none !important;
/*background:url('../images/video-icon.png') no-repeat center !important;*/
}
.video-js .vjs-big-play-button span {
display: none !important;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
background-color: transparent !important;
}
.imgBox {
overflow: hidden;
position: relative;
height: 100%;
}
.imgBox img {
max-width: 100%;
transition: all 0.5s;
max-height: 100%;
object-fit: cover;
}
.imgBox-hover:hover img {
transition: all 0.5s;
transform: scale(1.1);
}
.textLeft {
text-align: left;
}
/*字体大小*/
.font24 {
font-size: 24px;
color: #2a2a2a;
font-weight: 600;
}
.font32 {
font-size: 32px;
}
/*限制行数*/
.clamp1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.clamp2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.clamp3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.clamp4{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.clamp5{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.clamp6{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
button {
border: none;
}
input {
border: 1px solid #e5e5e5;
width: 100%;
height: 38px;
color: #666;
}
input.change-color {
background: #fafafa;
}
input[type=checkbox] {
appearance: none;
width: 14px;
height: 14px;
border-radius: 3px;
}
input[type=radio] {
border: 1px solid #e5e5e5;
width: 14px;
height: 14px;
}
input[type=checkbox]:checked {
/*background: #007aff url(../images/check.png) no-repeat center;*/
}
input[type=file] {
/*appearance: none;*/
}
textarea {
resize: none;
border: 1px solid #e5e5e5;
width: 100%;
min-height: 100px;
padding: 10px;
}
select {
height: 52px;
width: 100%;
padding: 0 20px;
border: 1px solid #e5e5e5;
appearance: none;
border-radius: 3px;
/*background: url('../images/member-27.png') no-repeat center right 20px;*/
color: #666;
}
.pc {
display: block;
}
.phone {
display: none;
}
/*弹窗样式*/
.pop-up {
position:fixed;
z-index: 10;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.pop-up .mask {
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.pop-up .close {
position: absolute;
top: 20px;
right: 20px;
background: #fff url('../images/close.png') no-repeat center;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 10;
cursor: pointer;
}
.pop-up .pop-up-box {
width: 90%;
max-width: 1280px;
height: fit-content;
max-height: 80vh;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.pop-up .pop-up-box img {
height: 80vh;
width: 100%;
object-fit: contain;
}
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-pagination-bullet:focus{
outline: none;
}
@media screen and (max-width: 1000px) {
input::placeholder,textarea::placeholder {
font-size: 12px !important;
}
.pc {
display: none;
}
.phone {
display: block;
}
}